<!DOCTYPE html>
<html lang="zh-cn">
	<head>
		<meta charset="utf-8" />
		<meta http-equiv="X-UA-Compatible" content="IE=edge" />
		<meta name="renderer" content="webkit" />
		<!-- 让部分国产浏览器默认采用高速模式渲染页面 -->
		<meta name="viewport" content="width=device-width, initial-scale=1" />
		<title>长虹[联合运营平台后台管理系统]</title>
		<!-- 全局CSS 开始-->
		<link href="../css/global/bootstrap.min.css" rel="stylesheet" />
		<link href="../css/global/font-awesome.min.css" rel="stylesheet" />
		<link href="../css/global/simple-line-icons.css" rel="stylesheet" />
		<link href="../css/global/animate.css" rel="stylesheet" />
		<link href="../css/global/style.css" rel="stylesheet" />
		<link href="../js/plugins/pace/pace.css" rel="stylesheet" />
		<!-- 全局CSS 结束-->
		<!-- 页面CSS 开始-->
		<!-- 页面CSS 结束-->
		<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
		<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
		<!--[if lt IE 9]>
		<script src="../js/bootstrap/html5shiv.min.js"></script>
		<script src="../js/bootstrap/respond.min.js"></script>
		<![endif]-->
	</head>
	<body>
		<div class="wrapper wrapper-content animated fadeInUp">
			<div class="row page-heading">
				<h4><i class="fa fa-flask"></i>  UI组件 / 通知框、提示框</h4>
			</div>
			<div class="row">
				<div class="col-md-6">
					<div class="ibox float-e-margins">
						<div class="ibox-title">
							<h5>通知框  Alerts Styles</h5>
							<div class="ibox-tools">
								<a class="collapse-link">
									<i class="fa fa-chevron-up"></i>
								</a>
								<a class="close-link">
									<i class="fa fa-times"></i>
								</a>
							</div>
						</div>
						<div class="ibox-content">
							<div class="alert alert-success">
								通知框内容通知框内容通知框内容通知框内容通知框内容  <a class="alert-link" href="#">链接样式</a>.
							</div>
							<div class="alert alert-info">
								通知框内容通知框内容通知框内容通知框内容通知框内容  <a class="alert-link" href="#">链接样式</a>.
							</div>
							<div class="alert alert-warning">
								通知框内容通知框内容通知框内容通知框内容通知框内容  <a class="alert-link" href="#">链接样式</a>.
							</div>
							<div class="alert alert-danger">
								通知框内容通知框内容通知框内容通知框内容通知框内容  <a class="alert-link" href="#">链接样式</a>.
							</div>
						</div>
					</div>
				</div>
				<div class="col-md-6">
					<div class="ibox float-e-margins">
						<div class="ibox-title">
							<h5>增加关闭按钮  dismissable</h5>
							<div class="ibox-tools">
								<a class="collapse-link">
									<i class="fa fa-chevron-up"></i>
								</a>
								<a class="close-link">
									<i class="fa fa-times"></i>
								</a>
							</div>
						</div>
						<div class="ibox-content">
							<div class="alert alert-success alert-dismissable">
								<button aria-hidden="true" data-dismiss="alert" class="close" type="button">×</button>
								通知框内容通知框内容通知框内容通知框内容通知框内容  <a class="alert-link" href="#">链接样式</a>.
							</div>
							<div class="alert alert-info alert-dismissable">
								<button aria-hidden="true" data-dismiss="alert" class="close" type="button">×</button>
								通知框内容通知框内容通知框内容通知框内容通知框内容  <a class="alert-link" href="#">链接样式</a>.
							</div>
							<div class="alert alert-warning alert-dismissable">
								<button aria-hidden="true" data-dismiss="alert" class="close" type="button">×</button>
								通知框内容通知框内容通知框内容通知框内容通知框内容  <a class="alert-link" href="#">链接样式</a>.
							</div>
							<div class="alert alert-danger alert-dismissable">
								<button aria-hidden="true" data-dismiss="alert" class="close" type="button">×</button>
								通知框内容通知框内容通知框内容通知框内容通知框内容  <a class="alert-link" href="#">链接样式</a>.
							</div>
						</div>
					</div>
				</div>
			</div>
			<div class="row">
				<div class="col-md-12">
					<div class="ibox float-e-margins">
						<div class="ibox-title">
							<h5>提示  Notes</h5>
							<div class="ibox-tools">
								<a class="collapse-link">
									<i class="fa fa-chevron-up"></i>
								</a>
								<a class="close-link">
									<i class="fa fa-times"></i>
								</a>
							</div>
						</div>
						<div class="ibox-content">
							<div class="note note-success">
								<h4 class="block">Success! Some Header Goes Here</h4>
								<p>
									 Duis mollis, est non commodo luctus, nisi erat mattis consectetur purus sit amet porttitor ligula, eget lacinia odio sem nec elit. Cras mattis consectetur purus sit amet fermentum.
								</p>
							</div>
							<div class="note note-info">
								<h4 class="block">Info! Some Header Goes Here</h4>
								<p>
									 Duis mollis, est non commodo luctus, nisi erat porttitor ligula, mattis consectetur purus sit amet eget lacinia odio sem nec elit. Cras mattis consectetur purus sit amet fermentum.
								</p>
							</div>
							<div class="note note-danger">
								<h4 class="block">Danger! Some Header Goes Here</h4>
								<p>
									 Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit mattis consectetur purus sit amet.\ Cras mattis consectetur purus sit amet fermentum.
								</p>
							</div>
							<div class="note note-warning">
								<h4 class="block">Warning! Some Header Goes Here</h4>
								<p>
									 Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit mattis consectetur purus sit amet. Cras mattis consectetur purus sit amet fermentum.
								</p>
							</div>
						</div>
					</div>
				</div>
			</div>
			<div class="row">
				<div class="col-md-12">
					<div class="ibox float-e-margins">
						<div class="ibox-title">
							<h5>提示框和弹出框  Tooltips and Popovers</h5>
							<div class="ibox-tools">
								<a class="collapse-link">
									<i class="fa fa-chevron-up"></i>
								</a>
								<a class="close-link">
									<i class="fa fa-times"></i>
								</a>
							</div>
						</div>
						<div class="ibox-content text-center">
							<h4>提示框DEMO</h4>
							<p>添加data-属性<code>data-toggle="tooltip" data-placement="left" title="左边提示框"</code></p>
							<div class="tooltip-demo">
								<button type="button" class="btn btn-white" data-toggle="tooltip" data-placement="left" title="左边提示框">左边提示框</button>
								<button type="button" class="btn btn-white" data-toggle="tooltip" data-placement="top" title="顶部提示框">顶部提示框</button>
								<button type="button" class="btn btn-white" data-toggle="tooltip" data-placement="bottom" title="底部提示框">底部提示框</button>
								<button type="button" class="btn btn-white" data-toggle="tooltip" data-placement="right" title="右边提示框">右边提示框</button>
							</div>
							<br />
							<h4>弹出框DEMO</h4>
							<p>添加data-属性<code>data-container="body" data-toggle="popover" data-placement="left" data-content="Vivamus sagittis lacus vel augue laoreet rutrum faucibus."</code></p>
							<div class="tooltip-demo">
								<button type="button" class="btn btn-primary" data-container="body" data-toggle="popover" data-placement="left" data-content="Vivamus sagittis lacus vel augue laoreet rutrum faucibus.">
								Popover on left
								</button>
								<button type="button" class="btn btn-primary" data-container="body" data-toggle="popover" data-placement="top" data-content="Vivamus sagittis lacus vel augue laoreet rutrum faucibus.">
								Popover on top
								</button>
								<button type="button" class="btn btn-primary" data-container="body" data-toggle="popover" data-placement="bottom" data-content="Vivamus sagittis lacus vel augue laoreet rutrum faucibus.">
								Popover on bottom
								</button>
								<button type="button" class="btn btn-primary" data-container="body" data-toggle="popover" data-placement="right" data-content="Vivamus sagittis lacus vel augue laoreet rutrum faucibus.">
								Popover on right
								</button>
								
							</div>
						</div>
					</div>
				</div>
				
			</div>
		</div>
		<!-- 全局js 开始-->
		<script src="../js/jquery.min.js"></script>
		<script src="../js/bootstrap/bootstrap.min.js"></script>
		<script src="../js/plugins/metisMenu/jquery.metisMenu.js"></script>
		<script src="../js/custom/custom.js"></script>
		<script src="../js/plugins/pace/pace.min.js"></script>
		<!-- 全局js 结束-->
		<!-- 页面js 开始-->
		<!-- iframeResizer -->
		<!-- <script src="../js/plugins/iframeResizer/iframeResizer.contentWindow.min.js"></script> -->
		<!-- 页面js 结束-->
	</body>
</html>